<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

	<head>
		<title>客户信息管理</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<link href="../../css/style.css" rel="stylesheet" type="text/css">
		<link href="../../css/layui.css" rel="stylesheet" type="text/css">
		<script type="text/javascript" src="../../../js/vue.min.js"></script>
		<script src="../../../js/layui/layui.js"></script>
		<script src="../../script/common.js"></script>
	</head>

	<body>
		<div class="page_title">客户信息管理</div>
		<div class="button_bar">
			<!--<button class="layui-btn layui-btn-normal layui-btn-small" onclick="help('');">帮助</button>-->
			<button class="layui-btn layui-btn-normal" onclick="to('~cust/cust/add.html');">新建</button>
			<button class="layui-btn layui-btn-normal" onclick="reload();">查询</button>
		</div>
		<div class="layui-form" id="app">
			<table class="query_form_table">
				<tr>
					<th>客户编号</th>
					<td><input type="text" placeholder="请输入客户编号" class="layui-input"></td>
					<th>名称</th>
					<td><input type="text" placeholder="请输入客户名称" class="layui-input"></td>
					<th>地区</th>
					<td>
						<div class="layui-input-inline" style="width: 150px;">
							<select name="interest" lay-filter="diqu">
								<option value="0">全部</option>
								<option value="1">北京</option>
								<option value="2">华北</option>
								<option value="3">中南</option>
								<option value="4">东北</option>
								<option value="5">西部</option>
							</select>
						</div>
					</td>
				</tr>
				<tr>
					<th>客户经理</th>
					<td><input type="text" placeholder="请输入客户经理名称" class="layui-input"></td>
					<th>客户等级</th>
					<td>
						<div class="layui-input-inline" style="width: 150px;">
							<select name="interest" lay-filter="diqu">

								<option value="0">全部</option>
								<option value="1">战略合作伙伴</option>
								<option value="2">合作伙伴</option>
								<option value="3">大客户</option>
								<option value="4">普通客户</option>
							</select>
						</div>
					</td>
					<th>　</th>
					<td>　</td>
				</tr>
			</table>
			<br />
			<table class="layui-table">
				<tr>
					<th>序号</th>
					<th>客户编号</th>
					<th>名称</th>
					<th>地区</th>
					<th>客户经理</th>
					<th>客户等级</th>
					<th>操作</th>
				</tr>
				<tr>
					<td class="list_data_number">1</td>
					<td class="list_data_text">KH071202001</td>
					<td class="list_data_ltext">聪海信息科技有限公司</td>
					<td class="list_data_text">北京</td>
					<td class="list_data_text">小明</td>
					<td class="list_data_text">战略合作伙伴</td>
					<td class="list_data_op">
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/edit.html')"><img title="编辑" src="../../images/编辑232.png"/>编辑</button>
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/linkman.html');"><img title="联系人" src="../../images/联系人.png"/>联系人</button>
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/activities.html');"><img title="交往记录" src="../../images/交换.png"/>交往记录</button>
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/orders.html');"><img title="历史订单" src="../../images/历史订单.png"/>历史订单</button>
						<!--<button class="layui-btn layui-btn-normal layui-btn-small"><img title="删除" src="../../images/删 除.png"/>删除</button>-->
						<!--<button class="layui-btn layui-btn-normal layui-btn-small"><img title="流失管理" src="../../images/客户流失.png"/>流失管理</button>-->
					</td>
				</tr>
				<tr>
					<td class="list_data_number">2</td>
					<td class="list_data_text">KH071201008</td>
					<td class="list_data_ltext">北京明科科技有限公司</td>
					<td class="list_data_text">北京</td>
					<td class="list_data_text">小明</td>
					<td class="list_data_text">普通客户</td>
					<td class="list_data_op">
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/edit.html')"><img title="编辑" src="../../images/编辑232.png"/>编辑</button>
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/linkman.html');"><img title="联系人" src="../../images/联系人.png"/>联系人</button>
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/activities.html');"><img title="交往记录" src="../../images/交换.png"/>交往记录</button>
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/orders.html');"><img title="历史订单" src="../../images/历史订单.png"/>历史订单</button>
						<!--<button class="layui-btn layui-btn-normal layui-btn-small"><img title="删除" src="../../images/删 除.png"/>删除</button>
						<button class="layui-btn layui-btn-normal layui-btn-small"><img title="流失管理" src="../../images/客户流失.png"/>流失管理</button>-->
					</td>
				</tr>
				<tr>
					<td class="list_data_number">3</td>
					<td class="list_data_text">KH071201007</td>
					<td class="list_data_ltext">太阳药业</td>
					<td class="list_data_text">华北</td>
					<td class="list_data_text">旺财</td>
					<td class="list_data_text">重点开发客户</td>
					<td class="list_data_op">
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/edit.html')"><img title="编辑" src="../../images/编辑232.png"/>编辑</button>
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/linkman.html');"><img title="联系人" src="../../images/联系人.png"/>联系人</button>
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/activities.html');"><img title="交往记录" src="../../images/交换.png"/>交往记录</button>
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/orders.html');"><img title="历史订单" src="../../images/历史订单.png"/>历史订单</button>
						<!--<button class="layui-btn layui-btn-normal layui-btn-small"><img title="删除" src="../../images/删 除.png"/>删除</button>
						<button class="layui-btn layui-btn-normal layui-btn-small"><img title="流失管理" src="../../images/客户流失.png"/>流失管理</button>-->
					</td>
				</tr>
				<tr>
					<td class="list_data_number">4</td>
					<td class="list_data_text">KH071201006</td>
					<td class="list_data_ltext">云南天河烟草公司</td>
					<td class="list_data_text">中南</td>
					<td class="list_data_text">球球</td>

					<td class="list_data_text">重点开发客户</td>
					<td class="list_data_op">
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/edit.html')"><img title="编辑" src="../../images/编辑232.png"/>编辑</button>
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/linkman.html');"><img title="联系人" src="../../images/联系人.png"/>联系人</button>
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/activities.html');"><img title="交往记录" src="../../images/交换.png"/>交往记录</button>
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/orders.html');"><img title="历史订单" src="../../images/历史订单.png"/>历史订单</button>
						<!--<button class="layui-btn layui-btn-normal layui-btn-small"><img title="删除" src="../../images/删 除.png"/>删除</button>
						<button class="layui-btn layui-btn-normal layui-btn-small"><img title="流失管理" src="../../images/客户流失.png"/>流失管理</button>-->
					</td>
				</tr>
				<tr>
					<td class="list_data_number">5</td>
					<td class="list_data_text">KH071201005</td>
					<td class="list_data_ltext">北京天桥信息技术有限公司</td>
					<td class="list_data_text">北京</td>
					<td class="list_data_text">小明</td>
					<td class="list_data_text">大客户</td>
					<td class="list_data_op">
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/edit.html')"><img title="编辑" src="../../images/编辑232.png"/>编辑</button>
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/linkman.html');"><img title="联系人" src="../../images/联系人.png"/>联系人</button>
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/activities.html');"><img title="交往记录" src="../../images/交换.png"/>交往记录</button>
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/orders.html');"><img title="历史订单" src="../../images/历史订单.png"/>历史订单</button>
						<!--<button class="layui-btn layui-btn-normal layui-btn-small"><img title="删除" src="../../images/删 除.png"/>删除</button>
						<button class="layui-btn layui-btn-normal layui-btn-small"><img title="流失管理" src="../../images/客户流失.png"/>流失管理</button>-->
					</td>
				</tr>
				<tr>
					<td class="list_data_number">6</td>
					<td class="list_data_text">KH071201004</td>
					<td class="list_data_ltext">北京白羽有限责任公司</td>
					<td class="list_data_text">北京</td>
					<td class="list_data_text">小明</td>
					<td class="list_data_text">普通客户</td>
					<td class="list_data_op">
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/edit.html')"><img title="编辑" src="../../images/编辑232.png"/>编辑</button>
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/linkman.html');"><img title="联系人" src="../../images/联系人.png"/>联系人</button>
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/activities.html');"><img title="交往记录" src="../../images/交换.png"/>交往记录</button>
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/orders.html');"><img title="历史订单" src="../../images/历史订单.png"/>历史订单</button>
						<!--<button class="layui-btn layui-btn-normal layui-btn-small"><img title="删除" src="../../images/删 除.png"/>删除</button>
						<button class="layui-btn layui-btn-normal layui-btn-small"><img title="流失管理" src="../../images/客户流失.png"/>流失管理</button>-->
					</td>
				</tr>
				<tr>
					<td class="list_data_number" height="15">7</td>
					<td class="list_data_text" height="15">KH071201003</td>
					<td class="list_data_ltext" height="15">北京神光培训</td>
					<td class="list_data_text" height="15">北京</td>
					<td class="list_data_text" height="15">阿咪</td>
					<td class="list_data_text" height="15">大客户</td>
					<td class="list_data_op">
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/edit.html')"><img title="编辑" src="../../images/编辑232.png"/>编辑</button>
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/linkman.html');"><img title="联系人" src="../../images/联系人.png"/>联系人</button>
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/activities.html');"><img title="交往记录" src="../../images/交换.png"/>交往记录</button>
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/orders.html');"><img title="历史订单" src="../../images/历史订单.png"/>历史订单</button>
						<!--<button class="layui-btn layui-btn-normal layui-btn-small"><img title="删除" src="../../images/删 除.png"/>删除</button>
						<button class="layui-btn layui-btn-normal layui-btn-small"><img title="流失管理" src="../../images/客户流失.png"/>流失管理</button>-->
					</td>
				</tr>
				<tr>
					<td class="list_data_number" height="35">8</td>
					<td class="list_data_text" height="35">KH071201002</td>
					<td class="list_data_ltext" height="35">潍坊华光</td>
					<td class="list_data_text" height="35">华北</td>
					<td class="list_data_text" height="35">旺财</td>
					<td class="list_data_text" height="35">合作伙伴</td>
					<td class="list_data_op">
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/edit.html')"><img title="编辑" src="../../images/编辑232.png"/>编辑</button>
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/linkman.html');"><img title="联系人" src="../../images/联系人.png"/>联系人</button>
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/activities.html');"><img title="交往记录" src="../../images/交换.png"/>交往记录</button>
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/orders.html');"><img title="历史订单" src="../../images/历史订单.png"/>历史订单</button>
						<!--<button class="layui-btn layui-btn-normal layui-btn-small"><img title="删除" src="../../images/删 除.png"/>删除</button>
						<button class="layui-btn layui-btn-normal layui-btn-small"><img title="流失管理" src="../../images/客户流失.png"/>流失管理</button>-->
					</td>
				</tr>
				<tr>
					<td class="list_data_number">9</td>
					<td class="list_data_text">KH071201001</td>
					<td class="list_data_ltext">无限数码</td>
					<td class="list_data_text">北京</td>
					<td class="list_data_text">周洁轮</td>
					<td class="list_data_text">合作伙伴</td>
					<td class="list_data_op">
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/edit.html')"><img title="编辑" src="../../images/编辑232.png"/>编辑</button>
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/linkman.html');"><img title="联系人" src="../../images/联系人.png"/>联系人</button>
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/activities.html');"><img title="交往记录" src="../../images/交换.png"/>交往记录</button>
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/orders.html');"><img title="历史订单" src="../../images/历史订单.png"/>历史订单</button>
						<!--<button class="layui-btn layui-btn-normal layui-btn-small"><img title="删除" src="../../images/删 除.png"/>删除</button>
						<button class="layui-btn layui-btn-normal layui-btn-small"><img title="流失管理" src="../../images/客户流失.png"/>流失管理</button>-->
					</td>
				</tr>
				<tr>
					<td class="list_data_number">10</td>
					<td class="list_data_text">KH071130003</td>
					<td class="list_data_ltext">北京大学</td>
					<td class="list_data_text">北京</td>
					<td class="list_data_text">孙小美</td>
					<td class="list_data_text">战略合作伙伴</td>
					<td class="list_data_op">
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/edit.html')"><img title="编辑" src="../../images/编辑232.png"/>编辑</button>
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/linkman.html');"><img title="联系人" src="../../images/联系人.png"/>联系人</button>
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/activities.html');"><img title="交往记录" src="../../images/交换.png"/>交往记录</button>
						<button class="layui-btn layui-btn-normal layui-btn-small" onclick="to('~cust/cust/orders.html');"><img title="历史订单" src="../../images/历史订单.png"/>历史订单</button>
						<!--<button class="layui-btn layui-btn-normal layui-btn-small"><img title="删除" src="../../images/删 除.png"/>删除</button>
						<button class="layui-btn layui-btn-normal layui-btn-small"><img title="流失管理" src="../../images/客户流失.png"/>流失管理</button>-->
					</td>
				</tr>
			</table>
			<div class="change_page" style="float: right; margin-right: 20px;">
				<table lay-skin="nob">
					<tr>
						<td><button class="layui-btn layui-btn-primary" v-on:click="querypage('1')">首页</button></td>
						<td><button class="layui-btn layui-btn-primary" v-on:click="querypage('-')">上一页</button>&nbsp;&nbsp;</td>
						<td>
							<input type="text" required lay-verify="required" class="layui-input" style="width: 30px;" v-model="pages">
						</td>
						<td>
							<label>/{{sumpages}}</label>
							<button class="layui-btn layui-btn-primary" v-on:click="querypage('0')">跳转</button>
						</td>
						<td><button class="layui-btn layui-btn-primary" v-on:click="querypage('+')">下一页</button></td>
						<td><button class="layui-btn layui-btn-primary" v-on:click="querypage('2')">末页</button></td>
					</tr>
				</table>
			</div>
		</div>
	</body>

</html>
<script>
	layui.use(['form', 'laydate'], function() {
		var form = layui.form;
		var laydate = layui.laydate;
	});
</script>
<script>
	function changes(str) {
		parent.document.getElementById("mywork").src = str;
	}
	new Vue({
		el: "#app",
		data: {
			pages: 1,
			sumpages: 25
		},
		methods: {
			querypage: function(str) {
				var pages = this.pages;
				switch(str) {
					case '+':
						if(eval(pages + "+" + 1) <= this.sumpages) {
							this.pages = eval(pages + "+" + 1);
						}
						break;
					case '-':
						if(eval(pages + "-" + 1) >= 1) {
							this.pages = eval(pages + "-" + 1);
						}
						break;
					case '0':
						break;
					case '1':
						this.pages = 1;
						break;
					case '2':
						this.pages = this.sumpages;
						break;
					default:
						break;
				}
			}
		}
	})
</script>